<template>
  <div class="star-loading" v-if="visible"><van-loading color="#000" /></div>
</template>
<script setup lang="ts">
import { useloadingStore } from '@/stores/modules/loading'
import { ref } from 'vue'
const loadingStore = useloadingStore()
const visible = ref(loadingStore.loading)
</script>
<style scoped lang="scss">
.star-loading {
  height: 100vh;
  display: flex;
  background: var(--gray-background);
  justify-content: center;
  align-items: center;
}
</style>
